<!DOCTYPE html>
<html>
<head>
    <title>
        "editorJs"
    </title>

    <meta name="viewport" content="initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" type="text/css" href="editor_style.css">


</head>
<body>
<audio id="note-audio-player">
</audio>
<div class="edit-box">


    <div id="editorjs_box">

        <div id="note-title" tabindex="-1" contenteditable="true"></div>

        <div id="note-content" contenteditable="true" style="outline: 0px solid transparent;">
<!--            测试测试<br><input type="checkbox"/>选项1<br><input type="checkbox" checked="true"/>选项2<br><input-->
<!--                type="checkbox"/>选项3<br><input-->
<!--                type="checkbox"/>选项四<br><b>bold</b><br>normal<br><i>斜体</i><br><u>下划线</u><br>-->
<!--            <size>大字体</size>-->
<!--            <br>-->
<!--            <size>-->
<!--                <center>居中</center>-->
<!--            </size>-->
<!--            <br>-->
<!--            <right>靠右</right>-->
<!--            <br>-->
<!--            <br>哎呀,。-->
<!--            <img src="http://file.digitaling.com/eImg/uimages/20150907/1441607667576727.gif" alt="在这里插入图片描述">-->
<!--            <ul class="ul-bullet">-->
<!--                <li>List Item1</li>-->
<!--                <li>List Item2</li>-->
<!--                <li>List Item3</li>-->
<!--            </ul>-->

<!--            <span style="background-color: rgba(98,0,238,0.06)">高亮字体</span>-->

<!--            <div class="note-audio" fileid="123456789" contenteditable="false">-->
<!--            </div>-->

<!--            <div class="note-audio" fileid="987654321" contenteditable="false">-->
<!--            </div>-->
        </div>

        <div style="height: 50%"></div>

    </div>
    <!--  <div class="button-box" id="buttonBox">-->
    <!--    <div id="addToDo">-->
    <!--      <img id="img1" src="icon/todo1.png">-->
    <!--      <span id="lable1">清单</span>-->
    <!--    </div>-->
    <!--    <div id="chooseStyle">-->
    <!--      <img id="img2" src="icon/styles.png">-->
    <!--      <span id="lable2">样式</span>-->
    <!--    </div>-->
    <!--    <div id="openAlbum">-->
    <!--      <img id="img3"src="icon/picture_white.png">-->
    <!--      <span id="lable3">相册</span>-->
    <!--    </div>-->
</div>


<script type="text/javascript" src="rich_editor.js"></script>
</body>
</html>